.box_out{width: 300px;float: left;}
.box{}
.box h2{
    text-transform: uppercase;
    background: #365db5;
    color: #FFF;
    text-align: center;
    width: 100%;
    height: 33px;
    line-height: 33px;
}
.box .box_content{
    padding: 3%;
    float: left;
    border: 1px solid #CDC6C6;
    border-top: none;
}
.box_2{float:left;background: #E0E0E0;}
@media only screen and (min-width : 150px) and (max-width : 780px){

}
@media only screen and (min-width : 240px) and (max-width : 320px){

}
@media only screen and (min-width : 320px) and (max-width : 480px){
}
@media only screen and (min-width : 480px) and (max-width : 640px){

}
@media only screen and (min-width : 768px) and (max-width : 1024px){

}
